<div class="mk-spinner-wrap">
          <div class="mk-spinner-ring"></div>
        </div><main class="GeoGebraFrame jsloaded newToolbar applet-focused ggbSplash" role="main" style="width: 100%; height: 100%; border-width: 0px; border-style: solid;">
<div tabindex="4000" class="gwt-ToggleButton flatButton menu gwt-ToggleButton-up" role="button" aria-expanded="false" data-title="Main Menu" aria-label="Main Menu">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img class="gwt-Image" src="" width="24" height="24" alt="Main Menu">
</div>
<div class="undoRedoPanel" style="top: 0px;">
<div tabindex="4002" class="gwt-ToggleButton flatButton undo gwt-ToggleButton-up buttonInactive" role="button" data-title="Undo" aria-label="Undo" aria-pressed="false">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img src="" class="gwt-Image" draggable="false" alt="Undo" style="width: 24px; height: 24px;">
</div>

</div>
<div class="gwt-SplitLayoutPanel hide-Dragger" style="position: relative; width: 100%; height: 100%;">
<div aria-hidden="true" style="position: absolute; z-index: -32767; top: -20ex; width: 10em; height: 10ex; visibility: hidden;">&nbsp;
</div>
<div class="toolPane">
<div class="ggbdockpanelhack" style="right: 0px; bottom: 0px; position: absolute; left: 0px; top: 0px;">
<div aria-hidden="true" style="position: absolute; z-index: -32767; top: -20ex; width: 10em; height: 10ex; visibility: hidden;">&nbsp;
</div>
<div style="position: absolute; overflow: hidden; left: 0px; right: 0px; bottom: 0px; height: 0px;">
<div style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">
</div>
</div>
<div style="position: absolute; overflow: hidden; left: 0px; top: 0px; right: 0px; bottom: 0px;">
<div class="toolbar" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">
<div class="header-open-landscape">
<div class="contents">
<div class="rightSide">
<div tabindex="4001" class="gwt-ToggleButton flatButton close gwt-ToggleButton-up" role="button" data-title="Close" aria-label="Close" aria-pressed="false">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img class="gwt-Image" src="" width="24" height="24" alt="Close">
</div>
</div>
<div class="center indicatorLeft" style="height: 56px;">
<div class="indicator">
</div>
<div tabindex="-1" class="gwt-ToggleButton tabButton selected gwt-ToggleButton-up" role="button" aria-hidden="true" data-title="Algebra" aria-label="Algebra" aria-pressed="false">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img src="" class="gwt-Image" draggable="false" alt="Algebra" style="width: 24px; height: 24px;">
</div>
<div tabindex="-1" class="gwt-ToggleButton tabButton gwt-ToggleButton-up" role="button" aria-hidden="true" data-title="Tools" aria-label="Tools" aria-pressed="false">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img src="" class="gwt-Image" draggable="false" alt="Tools" style="width: 24px; height: 24px;">
</div>
</div>
</div>
</div>
<div class="main algebra" style="height: calc(100% - 56px); width: 200%;">
<div class="algebraPanel matAvDesign tab" style="overflow: auto; position: relative; zoom: 1; width: 100%; height: 100%;">
<div style="position: relative; zoom: 1;">
<div>
<div class="gwt-Tree algebraView" aria-label="Algebra" tabindex="6000" style="position: relative; zoom: 1;">
<div tabindex="0" hidefocus="true" role="tree" style="font-size: 0px; position: absolute; outline: 0px; z-index: -1;">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
</div>
<div style="padding: 3px 3px 3px 23px; margin-left: 0px;" class="avInputItem">
<div class="gwt-TreeItem newRadioButtonTreeItemParent" role="treeitem" style="display: inline; width: 100%;" id="gwt-uid-7">
<div draggable="true" class="elem panelRow latexEditor" style="-webkit-user-drag: element;">
<div class="marblePanel plus error">
<div tabindex="-1" class="gwt-ToggleButton flatButton gwt-ToggleButton-up" role="button" data-title="Add Item" aria-label="Add Item" aria-hidden="true" aria-pressed="false">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img src="" class="gwt-Image" draggable="false" style="width: 24px;">
</div>
</div>
<div class="scrollableTextBox noPreview" tabindex="1000">

<div style="height: 40px; vertical-align: top; display: none;" aria-hidden="true">
<div class="textAreaClip" style="z-index: -32000; clip: rect(1em, 1em, 1em, 1em); display: inline; width: 1px; height: 1px; position: relative; top: -15px;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-hidden" style="overflow: auto; position: relative; zoom: 1; width: 760px; height: 100%; left: 380px;">
<div style="position: relative; zoom: 1;">
<div style="overflow: auto; position: relative; zoom: 1; width: 380px; height: 811px;">
<div style="position: relative; zoom: 1;">
</div>
</div>
</div>
</div>
<div tabindex="-1" class="moveFloatingBtn moveMoveBtnDown hideMoveBtn moveFloatingBtn-up" role="button" aria-hidden="true" data-title="Move. Drag or select object" aria-label="Move. Drag or select object" aria-pressed="false">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img src="" class="gwt-Image" draggable="false" role="button" alt="Move. Drag or select object" style="width: 24px;">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="paneSplit">
<div class="gwt-SplitLayoutPanel-HDragger" style="width: 8px; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">
</div>
</div>
<div class="drawingPane">
<div class="ggbdockpanelhack hiddenHDraggerRightPanel" style="right: 0px; bottom: 0px; position: absolute; left: 0px; top: 0px;">
<div aria-hidden="true" style="position: absolute; z-index: -32767; top: -20ex; width: 10em; height: 10ex; visibility: hidden;">&nbsp;
</div>
<div style="position: absolute; overflow: hidden; left: 0px; top: 0px; right: 0px; height: 0px;">
<div class="TitleBarPanel cursor_drag" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">
<div class="MatTitleBarPanelContent">
<div class="StyleBarPanel_" aria-hidden="true" style="display: none;">
</div>
<div tabindex="4004" class="button flatButton graphicsContextMenuBtn button-up" role="button" data-title="Settings" aria-label="Settings">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img src="" class="gwt-Image" draggable="false" role="button" alt="Settings" style="width: 24px;">
</div>
</div>
</div>
</div>
<div style="position: absolute; overflow: hidden; left: 0px; right: 0px; bottom: 0px; height: 0px;">
<div class="zoomPanel zoomPanelPosition" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">
<div tabindex="4005" class="zoomPanelBtn zoomPanelBtnSmall zoomPanelHomeOut zoomPanelBtn-up" role="button" arial-hidden="true" data-title="Standard View" aria-label="Standard View">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img src="" class="gwt-Image" draggable="false" role="button" alt="Standard View" style="width: 20px;">
</div>
<div tabindex="4006" class="zoomPanelBtn zoomPanelBtn-up" role="button" data-title="Zoom In" aria-label="Zoom In" aria-pressed="false">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img src="" class="gwt-Image" draggable="false" role="button" alt="Zoom In" style="width: 24px;">
</div>
<div tabindex="4007" class="zoomPanelBtn zoomPanelBtn-up" role="button" data-title="Zoom Out" aria-label="Zoom Out">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img src="" class="gwt-Image" draggable="false" role="button" alt="Zoom Out" style="width: 24px;">
</div>
<div tabindex="4008" class="zoomPanelBtn zoomPanelBtn-up" role="button" data-title="Fullscreen" aria-label="Fullscreen">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img src="" class="gwt-Image" draggable="false" role="button" alt="Fullscreen" style="width: 24px;">
</div>
</div>
</div>
<div style="position: absolute; overflow: hidden; left: 0px; right: 0px; bottom: 0px; height: 0px;">
<div style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">
</div>
</div>
<div style="position: absolute; overflow: hidden; left: 0px; top: 0px; right: 0px; bottom: 0px;">
<div role="application" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">
<div class="EuclidianPanel" style="position: relative; overflow: visible; width: 997px; height: 100%;">
</div>
</div>
</div>
</div>
</div>
</div>
<div aria-hidden="true" class="DockGlassPane" style="position: relative; overflow: hidden; display: none; z-index: 5000;">
<div aria-hidden="true" style="border-width: 4px; border-style: solid; border-color: gray; display: none;">
</div>
</div>
<div data-nosnippet class="KeyBoard TabbedKeyBoard gwt-PopupPanel normal" style="width: 100%;"><div class="KeyboardSwitcher"></div>
<div><table cellspacing="0" cellpadding="0" class="KeyPanel normal"><tbody><tr>
<td align="left" style="vertical-align: top;"><table cellspacing="0" cellpadding="0" class="KeyPanelRow"><tbody><tr>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="x" style="width: 66px;"><div class="gwt-Label">x</div></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="y" style="width: 66px;"><div class="gwt-Label">y</div></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="z" style="width: 66px;"><div class="gwt-Label">z</div></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="π" style="width: 66px;"><div class="gwt-Label">π</div></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="7" style="margin-left: 16px; width: 66px;"><div class="gwt-Label">7</div></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="8" style="width: 66px;"><div class="gwt-Label">8</div></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="9" style="width: 66px;"><div class="gwt-Label">9</div></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="×" style="width: 66px;"><div class="gwt-Label">×</div></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="÷" style="width: 66px;"><div class="gwt-Label">÷</div></div></td></tr></tbody></table></td></tr><tr>
<td align="left" style="vertical-align: top;"><table cellspacing="0" cellpadding="0" class="KeyPanelRow"><tbody><tr>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="Square" style="width: 66px;"><img src="" class="gwt-Image" draggable="false" alt="Square" role="img" style="width: 24px; height: 24px;"></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="Power" style="width: 66px;"><img src="" class="gwt-Image" draggable="false" alt="Power" role="img" style="width: 24px; height: 24px;"></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="Square Root" style="width: 66px;"><img src="" class="gwt-Image" draggable="false" alt="Square Root" role="img" style="width: 24px; height: 24px;"></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="e" style="width: 66px;"><div class="gwt-Label">e</div></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="4" style="margin-left: 16px; width: 66px;"><div class="gwt-Label">4</div></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="5" style="width: 66px;"><div class="gwt-Label">5</div></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="6" style="width: 66px;"><div class="gwt-Label">6</div></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="+" style="width: 66px;"><div class="gwt-Label">+</div></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="−" style="width: 66px;"><div class="gwt-Label">−</div></div></td></tr></tbody></table></td></tr><tr>
<td align="left" style="vertical-align: top;"><table cellspacing="0" cellpadding="0" class="KeyPanelRow"><tbody><tr>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="<" style="width: 66px;"><div class="gwt-Label">&lt;</div></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label=">" style="width: 66px;"><div class="gwt-Label">&gt;</div></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="≤" style="width: 66px;"><div class="gwt-Label">≤</div></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="≥" style="width: 66px;"><div class="gwt-Label">≥</div></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="1" style="margin-left: 16px; width: 66px;"><div class="gwt-Label">1</div></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="2" style="width: 66px;"><div class="gwt-Label">2</div></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="3" style="width: 66px;"><div class="gwt-Label">3</div></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="=" style="width: 66px;"><div class="gwt-Label">=</div></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn colored waves-light" role="button" aria-label="Backspace" style="width: 66px;"><img src="" width="24" height="24" class="gwt-Image" alt="Backspace"></div></td></tr></tbody></table></td></tr><tr>
<td align="left" style="vertical-align: top;"><table cellspacing="0" cellpadding="0" class="KeyPanelRow"><tbody><tr>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="(" style="width: 66px;"><div class="gwt-Label">(</div></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label=")" style="width: 66px;"><div class="gwt-Label">)</div></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="Absolute Value" style="width: 66px;"><img src="" class="gwt-Image" draggable="false" alt="Absolute Value" role="img" style="width: 24px; height: 24px;"></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="," style="width: 66px;"><div class="gwt-Label">,</div></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="0" style="margin-left: 16px; width: 66px;"><div class="gwt-Label">0</div></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn" role="button" aria-label="." style="width: 66px;"><div class="gwt-Label">.</div></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn colored waves-light" role="button" aria-label="Left Arrow" style="width: 66px;"><img src="" width="24" height="24" class="gwt-Image" alt="Left Arrow"></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn colored waves-light" role="button" aria-label="Right Arrow" style="width: 66px;"><img src="" width="24" height="24" class="gwt-Image" alt="Right Arrow"></div></td>
<td align="left" style="vertical-align: top;"><div class="KeyBoardButton btn colored waves-light" role="button" aria-label="Enter" style="width: 66px;"><img src="" width="24" height="24" class="gwt-Image" alt="Enter"></div></td></tr></tbody></table></td></tr></tbody></table></div></div>
</main>